<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-智能分析</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="public/picker/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="src/scrool/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="public/css/question/tab_step.css" />
		<link rel="stylesheet" href="css/intelligent_analysis.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="main my_container">
				<!--九种类型-->
				<types type="6"></types>
				<!--右侧内容-->
				<div class="right">
					<!--高端生活-->
					<div class="collection one_type" v-show="children_data.isShow">
						<div class="overflow my_tabs" >
							<li class="type text-center cursor" style="width: 200px;" v-bind:class="[{active:type==0}]" @click="showUsers(0,1)">现有财富健康分析</li>
							<li class="type text-center cursor" style="width: 200px;" v-bind:class="[{active:type==1}]" @click="showUsers(1,2)">跨域配置智能分析</li>
							<button style="width: auto;" @click="add_customer" class="btn btn-base" type="button"><i class="fa fa-plus-square"></i> 新建客户数据</button>
						</div>						
						<!--内容-->
						<div class="content" >
							<!--现有财富健康分析-->
							<div class="products" v-show="type==0">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" v-for='(item,index) in users' @click="modify_userinfo(item)">
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
										<tr class="text-center no_user" v-if="users.length==0"><td>暂无用户信息</td></tr>
									</table>
								</div>
							</div>
							<!--用户列表-->
							<!--跨境配置智能分析-->
							<div class="posts" v-if="type==1">
								<div class="lists">
									<table class="table  table-striped">
										<tr class="one_list cursor" v-for='(item,index) in users' @click="modify_userinfo(item)">
											<td><span class="index">{{index+1}}</span></td>
											<td><span>{{item.CustomerName}}</span></td>
											<td><span><i class="fa " v-bind:class='[item.Sex ? "fa-male":"fa-female","fa"]'></i> {{item.Age}}岁</span></td>
											<td><span>{{item.Address}}</span></td>
											<td><span>{{item.Career}}</span></td>
										</tr>
										<tr class="text-center no_user" v-if="users.length==0"><td>暂无用户信息</td></tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--问答-->
					<div class="questions question_step" v-if="!children_data.isShow">
						<!--现有财富健康分析-->
						<div v-if="type==0">
							<step_bar :parent_data="children_data"></step_bar>	<!--步骤条-->			
							<basic_question v-if='children_data.question_step==1'  :parent_data="children_data"></basic_question>
							<!--专属问题-->
							<health_analysis v-if='children_data.question_step==2' :parent_data="children_data"></health_analysis>
							<!--评估-->						
							<div class="recommend module" v-if='children_data.question_step==3'>
								<table class="table table-striped no_select">
								  <tr>
								  	<th>指标</th>
								  	<th>数值</th>
								  	<th>建议</th>
								  </tr>
								  <tr v-for="item in children_data.evaluation_result">
								  	<td>{{item.Key}}</td>
								  	<td>{{item.Value}}</td>
								  	<td>{{item.Suggestion || '无'}}</td>
								  </tr>
								</table>
								<div class="text-right" style="padding-top: 50px;">
									<button type="button" @click="go_customers_list" class="btn btn-base" style="width: auto;">返回列表</button>
								</div>
							</div>			
						</div>
						<!--资产配置-->
						<div v-if="type==1">
							<step_bar :parent_data="children_data"></step_bar>	<!--步骤条-->			
							<basic_question v-if='children_data.question_step==1'  :parent_data="children_data"></basic_question>
							<!--专属问题-->
							<special_question v-if='children_data.question_step==2' :parent_data="children_data"></special_question>
							<!--评估-->						
							<div class="recommend module" v-if='children_data.question_step==3'>
								<table class="table table-striped no_select">
								  <tr>
								  	<th>指标</th>
								  	<th>数值</th>
								  	<th>建议</th>
								  </tr>
								  <tr v-for="item in children_data.evaluation_result">
								  	<td>{{item.Key}}</td>
								  	<td>{{item.Value}}</td>
								  	<td>{{item.Suggestion || '无'}}</td>
								  </tr>
								</table>
								<div class="text-right" style="padding-top: 50px;">
									<button type="button" @click="go_customers_list" class="btn btn-base" style="width: auto;">返回列表</button>
								</div>
							</div>			
						</div>
								
					</div>
				</div>
			</div>
			<!--模态框-->
			<m_modal ref="m_modal" :guide_map="guide_map"></m_modal>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="public/picker/bootstrap-datetimepicker.min.js"></script>
		<script src="public/picker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<script src="src/scrool/jquery.mCustomScrollbar.min.js"></script>
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/question/basic_question.js"></script>
		<!--健康分析-->
		<script type="text/x-template" id="health_analysis">
			<div class="health_analysis">
				<form class="form-horizontal form_health_analysis" >
				<template  v-for="(items,i) in my_questions">
					<div v-show="i==self_question_step">
						<!--<li>{{items.CategoryTypeName}}</li>-->						
							<!--<input type="text" name="_49753a37_c4cb_459e_9642_e2d19594dc4d" />-->
							<div v-for='(item,index) in items.types'>
								<li class="title text-center">{{item.ParentAssetCategory}}</li>
								<div class="form-group" v-for="item_m in item.data">
								    <label for="inputPassword3" class="col-sm-3 control-label" style="padding-right: 0;">{{item_m.AssetCategory}}:</label>
								    <div class="col-sm-6">
								    	<div class="col-sm-9" style="padding-right: 0;">
								    		<input type="number" class="form-control"  v-model="item_m.AnswerValue1" v-bind:name="item_m.ID | change_name" placeholder="">
								    	</div>
								      	<div class="col-sm-3" style="padding-left: 0;">
								    		<select class="form-control" name="income" v-model="item_m.CurrencyID">
												<option v-bind:value="item_mm.ID" v-for="item_mm in currencyRates" >{{item_mm.CurrencyType}}</option>
											</select>
								    	</div>
								    </div>
								</div>		
							</div>																
						
						<div class="form-group overflow" style="padding-bottom: 20px;">
							<div class="col-sm-offset-3 col-sm-6">
								<div class="col-sm-6" v-if="!isFirst">
									<button type="button" class="btn btn-base" @click="go_pre_step(i)">上一题</button>
								</div>
								<div  v-bind:class="[isFirst ? 'col-sm-12':'col-sm-6']">
									<button type="button" class="btn btn-base" @click="go_next_step(i)"><span v-if="isLast">完成</span><span v-if="!isLast">下一题</span></button>
								</div>								
							</div>
						</div>
					</div>							
				</template>
				</form>
				<!--支付ppt-->
				<div class="modal my_modal fade" id="pay_detail"  tabindex="-1" role="dialog">
					<div class="modal-dialog"  role="document">
					    <div class="modal-content">
						    <div class="modal-body text-center"><p style="font-size:20px;"></p>
						    </div>
						    <div class="modal-footer my_footer">
						        <button type="button" class="btn btn-default" data-toggle="modal" data-target="pay" data-dismiss="modal">取消</button>
						        <button type="button" class="btn btn-base" data-toggle="modal" data-target="pay" @click="pay_money" data-dismiss="modal" >确认</button>
						    </div>
					    </div>
				  	</div>
				</div>
			</div>			
		</script>
		<script src="public/component/question/health_analysis.js"></script>
		<!--推荐产品列表-->
		<script src="public/component/high_life/product_list_detail.js"></script> 
		<script src="public/component/question/modal.js"></script>
		<script src="public/component/question/special_question.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/intelligent_analysis.js"></script>
	</body>

</html>